﻿/*family-face*/
@font-face {font-family:Lato-Bold; src: url("../font/Lato-Bold.ttf")} 
@font-face {font-family:OpenSans-Bold; src: url("../font/OpenSans-Bold.ttf")} 
@font-face {font-family:OpenSans-Light; src: url("../font/OpenSans-Light.ttf")} 
@font-face {font-family:OpenSans; src: url("../font/OpenSans-Regular.ttf")} 
@font-face {font-family:OpenSans-Italic; src: url("../font/OpenSans-Italic.ttf")} 
@font-face {font-family:OpenSans-Semibold; src: url("../font/OpenSans-Semibold.ttf")} 

*{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline}
ol, ul {list-style:none} :focus {outline:none; }
table {border-collapse:collapse;border-spacing: 0}
caption, th, td { text-align: left; font-weight: normal}
strong {font-weight:600}
a{font:16px Arial; color:#555;text-decoration:none;cursor:pointer;}
h1{font-size:16px;font-weight:600;color:#666} 
html{font-family: "微软雅黑";}
.left{float:left} 
.right{float:right} 
.clear{clear:both}
.text_center{text-align: center;}
.cl-red{color:#f55136;}
.cl-999{color: #999;}
.cl-eee{color: #eee}
.cl_fff{color: #fff;}
.cl_222{color: #222;}
.B{font-weight: bold;}
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz24{font-size: 24px;}
.fz25{font-size: 25px;}
.fz44{font-size: 44px;}
.fz34{font-size: 34px;}

.text_right{text-align: right;}
.A{text-transform: uppercase;}
.ff-lato{font-family: "Lato-Bold";}
.ff-oplt{font-family: "OpenSans-Light";}
.ff-opbd{font-family: "OpenSans-Bold";}
.ff-op{font-family: "OpenSans";}
.ff-opitc{font-family: "OpenSans-Italic";}
.ff-semi{font-family:"OpenSans-Semibold";}

/*title & background*/
h2{
	text-align: center;
	background: url(../images/h2-bottom.png) no-repeat center bottom;
	line-height: 80px;
	display: block;
	padding:100px 0 30px;
	font-weight: 100;
	text-transform: uppercase;
}

/*three dots*/
.dots{
	width: 53px;
	height: 9px;
	margin: 0 auto;	
	clear: both;
	padding-bottom: 80px;
}
.dots span{
	width: 10px;
	height: 9px;
	display: inline-block;
	background: #fff;
	float: left;

}
.dots span:not(:first-child){margin-left: 8px;}
.dots span:first-child{
	background: #fcac45;
}


/*media query*/
@media screen and (min-width: 1200px) {
	.container{
		width: 1170px;
		margin: 0 auto;
		position: relative;
	}
}